<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        table {
            width: 400px;
            height: 150px;
        }

        td {
            width: 200px;
            height: 30px;
        }

        .a {
            width: 50px;
        }
    </style>
</head>
<body>
<h3>用户注册</h3>
<hr/>
<form>
    <table>
        <tbody>
        <tr>
            <td class="a">用户名:</td>
            <td>
                <input type="text" placeholder="请输入用户名">
            </td>
        </tr>
        <tr>
            <td class="a">密码:</td>
            <td>
                <input type="password" placeholder="请输入密码">
            </td>
        </tr>
        <tr>
            <td class="a">性别:</td>
            <td>
                <!--          单选   相同名字的只能单选 对应的值      默认选择该项-->
                <input type="radio" name="sex" value="男" checked="checked">男
                <input type="radio" name="sex" value="女">女
            </td>
        </tr>
        <tr>
            <td class="a">爱好:</td>
            <td>
                <input type="checkbox" name="hobby" value="游泳">游泳
                <input type="checkbox" name="hobby" value="下棋">游泳
                <input type="checkbox" name="hobby" value="旅游">旅游
                <input type="checkbox" name="hobby" value="跳楼">跳楼

            </td>
        </tr>
        <tr>
            <td class="a">照片</td>
            <td>
                <!--文件类型  只选择照片-->
                <input type="file" accept="image/*">
            </td>
        </tr>
        <tr>
            <td class="a">个人简介</td>
            <td>
                    <textarea cols="20" rows="4">
                        ss
                    </textarea>
            </td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="2" align="center">
                <input type="image" src="../img/自爆按钮.png" width="20px" height="20px">
                <input type="image" src="../img/升天.png" width="20px" height="20px">
            </td>
        </tr>
        </tfoot>
    </table>
</form>
</body>
</html>